<%@ page contentType="text/html;charset=utf-8"%>

<%
	request.setAttribute("layout","main.jsp");
	request.setAttribute("page_title","温岭选课系统-课程列表");
%>
	<link href="css/jquery.ui.tabs.css" rel="stylesheet">
	<link href="css/jquery.ui.theme.css" rel="stylesheet">
	<script src="js/jquery-1.5.2.min.js"></script>
	<script src="js/jquery-ui-1.8.11.custom.min.js"></script>
	<script src="js/jquery.ui.tabs.js"></script>
	<script>
	$(function() {
		$( "#tabs" ).tabs();
	});
	</script>
<div style="width:100%; margin:1px;text-align:center;margin-top:10px;margin-bottom:50px;">
 	<p style="border:0;font-size:14px;padding-bottom:0;text-align:center;">
 		<b>我的开课记录</b>
  		<select>
  			<option value="全部">全部</option>
  			<option value="2011年第一学期">2011年第一学期</option>
  			<option value="2011年第二学期">2011年第二学期</option>
  			<option value="2012年第一学期">2012年第一学期</option>
  		</select>
	</p>
	  <div id="tabs" style="height:500px;width:90%;margin-left:5%;">
		<ul>
			<li><a href="#tabs-1">已开设课程</a></li>
			<li><a href="#tabs-2">历史申请记录</a></li>
		</ul>
		<div id="tabs-1" style="width:100%;margin-left:0;padding-left:0;margin-top:20px;">
			<table>
		    		<tbody>
		              <tr height="32" bgcolor="#f0f0f0">
		              		<td align="center" width="10%">学期</td>
		                    <td align="center" width="8%">课程类型</td>
		                    <td align="center" width="7%">课程编号</td>
		                    <td align="center" width="14%">课程名称</td>
		                    <td align="center" width="20%">上课时间|地点</td>
		                    <td align="center" width="6%">人数限额<br>
		                      (最多/最少)</td>
		                    <td align="center" width="6%">已选人数</td>
		                    <td align="center" width="6%">课程简介</td>
		             </tr>
			  		  <tr height="25" bgcolor="#ffffff">
			  		  	 <td align="center">2012年第一学期</td>
		                 <td align="center">人文</td>
		                 <td align="center">20121001</td>
		                 <td align="center">《史记》故事选讲 </td>
		                 <td align="center">周二第七、第八节|高二（1）班</td>
		                 <td align="center">50/10</td>
		                 <td align="center">50</td>
		                 <td align="center"><a href="search/courseDetail.jspx"  target="_blank">[查看]</a></td>
		               </tr>
			  			
		      </tbody>
		   </table>
		</div>
		<div id="tabs-2" style="width:100%;margin-left:0;padding-left:0;margin-top:20px;">
			<table>
		    		<tbody>
		              <tr height="32" bgcolor="#f0f0f0">
		              		<td align="center" width="10%">学期</td>
		                    <td align="center" width="8%">课程类型</td>
		                    <td align="center" width="7%">课程编号</td>
		                    <td align="center" width="14%">课程名称</td>
		                  <td align="center" width="6%">人数限额<br>
                      (最多/最少)</td>
		                    <td align="center" width="6%">审批状态</td>
		                    <td align="center" width="6%">详细</td>
		                    
		             </tr>
			  		  <tr height="25" bgcolor="#ffffff">
			  		  	 <td align="center">2012年第一学期</td>
		                 <td align="center">人文</td>
		                 <td align="center">20121001</td>
		                 <td align="center">《史记》故事选讲 </td>
		                <td align="center">50/10</td>
		                 <td align="center" width="6%">审核中</td>
		                 <td align="center"><a href="teacher/courseApplyApproveDetail.jspx"  target="_blank">[详细]</a></td>
		                 
		               </tr>
			  			<tr height="25" bgcolor="#ffffff">
			  		  	 <td align="center">2012年第一学期</td>
		                 <td align="center">人文</td>
		                 <td align="center">20121001</td>
		                 <td align="center">《史记》故事选讲 </td>
		                 <td align="center">50/10</td>
		                 
		                <td align="center" width="6%">审核通过</td>
		                 <td align="center"><a href="teacher/courseApplyApproveDetail.jspx"  target="_blank">[详细]</a></td>
		               </tr>
		               <tr height="25" bgcolor="#ffffff">
			  		  	 <td align="center">2012年第一学期</td>
		                 <td align="center">人文</td>
		                 <td align="center">20121001</td>
		                 <td align="center">《史记》故事选讲 </td>
		                <td align="center">50/10</td>
		                 <td align="center" width="6%">审核不通过</td>
		                 <td align="center"><a href="teacher/courseApplyApproveDetail.jspx"  target="_blank">[详细]</a></td>
		                 
		               </tr>
		      </tbody>
		   </table>
		</div>
		
	</div>
</div>
